@charset "utf-8";


.section {overflow: hidden;}
.down {position: absolute; z-index: 999; width:30px; height: 125px; background: url(../images/index18.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 2%; 
animation: uds 1s linear alternate infinite; -webkit-animation: uds 1s linear alternate infinite;-moz-animation: uds 1s linear alternate infinite;}

@-webkit-keyframes uds {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}
@keyframes uds {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}
.p1.active .up {animation: fadeInRight 1s;}
.p1.active .ban_t2 {animation: bounceInUp 2s;}




.p2.active .left {animation: fadeInLeftBig 1s;}
.p2.active .right {animation: fadeInRightBig 2s;}
.p2.active .about_two{animation: fadeInUpBig 2.5s;}




.p3.active .tit2{animation: fadeInDownBig  1.5s;}
.p3.active .pro_c {animation: fadeInUpBig 2s;}


.p4.active .tit {animation: fadeInLeftBig 1.5s;}
.p4.active .tit2{animation: fadeInDownBig  1.5s;}
.p4.active .adv_one .left {animation: fadeInLeftBig 2.5s;}
.p4.active .adv_one .right {animation: fadeInRightBig 3s;}

.p5.active .tit {animation: fadeInLeftBig 1.5s;}
.p5.active .tit2{animation: fadeInDownBig  1.5s;}
.p5.active .honor_c {animation:fadeInRightBig 2.5s;}


.p6.active .tit {animation: fadeInLeftBig 1.5s;}
.p6.active .tit2{animation: fadeInDownBig  1.5s;}
.p6.active .plant_one {animation: fadeInUpBig  1.5s;}
.p6.active .plant_two{animation: fadeInUpBig 2.5s;}




.p7.active .tit {animation: fadeInLeftBig 1.5s;}
.p7.active .tit2{animation: fadeInDownBig  1.5s;}
.p7.active .left {animation: fadeInLeftBig 2s;}
.p7.active .right {animation: fadeInRightBig 2.5s;}


.p8.active .tit {animation: fadeInLeftBig 1.5s;}
.p8.active .tit2{animation: fadeInDownBig  1.5s;}
.p8.active .con_c {animation: flipInX 2s;}
.p8.active .foot {animation:  fadeInUpBig 2.5s;}